<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Drug Brand Registration</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/jquery/jquery.validate.js"></script>
	<script src="${contextPath}/js/drugbrand/drugbrand.js"></script>
</head>
<body class="metro home">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="drug-brand-registration-form-container" class="form-container">
            	<%-- header-container --%>
	       		<s:set var="mode" value="'registration'"/>
	   			<jsp:include page="/WEB-INF/content/drugbrand/DrugBrandMenuContainer.jsp" flush="true"/>
                
                <div class="form-banner-container place-left">
                	<img src="${contextPath}/img/page/drug/drugbrand.PNG"/>
                </div>
                
                <div class="form-body-container place-right" style="width:52%">
                	<form id="drug-brand-registration-form" class="registration-form drug-brand-form" action="${contextPath}/drugbrand/insert" method="post">
                	<input type="hidden" name="guiDrugBrand.brandId" value="0" />
                        <fieldset>
                            <legend>Drug Brand Registration Form</legend>
                            
                            <div class="action-error-container">
                                <s:if test="hasActionErrors()">  
                                    <s:actionerror/>
                                </s:if>
                        	</div>
                            
                            <label>Brand Name<em class="text-alert">*</em></label>
                            <div class="input-control text">
                                <input type="text" name="guiDrugBrand.name" value="" placeholder="insert drug brand" required/>
                                <button class="btn-clear"></button>
                            </div>
                            <div class="form-button-container">
                                <a onClick="$('#drug-brand-registration-form').submit(); return false;">
                                    <div class="form-button tile half-vertical subheader-secondary bg-cobalt fg-white">
                                        Insert <i class="icon-pencil on-right smaller"></i>
                                    </div>
                                </a>                            
                                <a href="${contextPath}">
                                    <div class="form-button tile half-vertical subheader-secondary bg-cyan fg-white">
                                        Cancel <i class="icon-cancel-2 on-right smaller"></i>
                                    </div>
                                </a>
	                    	</div>
                        </fieldset>
        			</form>
                </div>
        		
    		</div>    
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>

